<div class="al-modal-view">
  <div class="modal-header">
    <button type="button" class="close" data-dismiss="modal" ng-click="cancel()">
      <span aria-hidden="true" class="glyphicon glyphicon-remove"></span>
      <span class="sr-only">Close</span>
    </button>
    <h4 class="modal-title ok-color">{{modalTitle}}</h4>
  </div>
  <div class="modal-body">
      <ng-form name="modalForm" class="form-horizontal form-validation" role="form">
        <div class="form-group">
          <label class="col-sm-2 col-sm-offset-1 control-label">预约人</label>
          <div class="col-sm-3">
            <div class="form-control info-text">{{data.userName}}</div>
          </div>
          <label class="col-sm-2 control-label">手机号</label>
          <div class="col-sm-3">
            <div class="form-control info-text">{{data.userPhone}}</div>
          </div>
        </div>
        <div class="form-group">
          <label class="col-sm-2 col-sm-offset-1 control-label">预约公寓</label>
          <div class="col-sm-3">
            <div class="form-control info-text">{{data.buzProductName}}</div>
          </div>
          <label class="col-sm-2 control-label">预约房型</label>
          <div class="col-sm-3">
            <div class="form-control info-text">{{data.buzItemName?data.buzItemName:'未选择'}}</div>
          </div>
        </div>
        <div class="form-group">
          <label class="col-sm-2 col-sm-offset-1 control-label">预约时间</label>
          <div class="col-sm-3">
            <div class="form-control info-text">{{data.createTime}}</div>
          </div>
          <label class="col-sm-2 control-label">看房时间</label>
          <div class="col-sm-3">
            <div class="input-group">
              <input class="form-control" type="text" uib-datepicker-popup="yyyy-MM-dd HH:mm"
                     ng-model="data.providerTime" is-open="enterStart" maxlength="16"
                     close-text="关闭" current-text="今天" clear-text="清空"
                     ng-readonly="type=='view'"
                     placeholder=""/>
              <span class="input-group-btn">
                <button type="button" class="btn btn-default" ng-disabled="type=='view'"
                        ng-click="enterEnd=true">
                  <i class="glyphicon glyphicon-calendar"></i>
                </button>
              </span>
            </div>
          </div>
        </div>
        <div class="form-group">
          <label class="col-sm-2 col-sm-offset-1 control-label">销售名称</label>
          <div class="col-sm-3">
            <input class="form-control" type="text" placeholder="销售名称" ng-readonly="type=='view'"
                   ng-model="data.providerName" maxlength="32">
          </div>
          <label class="col-sm-2 control-label">接待员名称</label>
          <div class="col-sm-3">
            <input class="form-control" type="text" placeholder="接待员名称" ng-readonly="type=='view'"
                   ng-model="data.receiverName" maxlength="32">
          </div>
        </div>
        <div class="form-group">
          <label class="col-sm-2 col-sm-offset-1 control-label">销售联系电话</label>
          <div class="col-sm-3">
            <input class="form-control" type="text" placeholder="销售联系电话" ng-readonly="type=='view'"
                   ng-model="data.providerPhone" maxlength="11">
          </div>
          <label class="col-sm-2 control-label">接待联系电话</label>
          <div class="col-sm-3">
            <input class="form-control" type="text" placeholder="联系电话" ng-readonly="type=='view'"
                   ng-model="data.receiverPhone" maxlength="11">
          </div>
        </div>
        <div class="form-group">
          <label class="col-sm-2 col-sm-offset-1 control-label">销售反馈</label>
          <div class="col-sm-3">
            <textarea class="form-control" placeholder="销售反馈" cols="4"
                      ng-readonly="type=='view'" ng-model="data.providerFeedback" ></textarea>
          </div>
          <label class="col-sm-2 control-label">接待反馈</label>
          <div class="col-sm-3">
            <textarea class="form-control" placeholder="接待反馈" cols="4"
                      ng-readonly="type=='view'" ng-model="data.receiverRemark" ></textarea>
          </div>
        </div>
        <div class="form-group" ng-if="type!='view'">
          <label class="col-sm-2 col-sm-offset-1 control-label">预约状态</label>
          <div class="col-sm-3">
            <nobr>
              <label class="ui-radio" ng-repeat="option in appointmentDealStatusList">
                <input name="status" ng-value="option.value"
                       type="radio" ng-model="data.status">
                <span>{{option.name}}</span>
              </label>
            </nobr>
          </div>
          <label class="col-sm-2 control-label">客服备注</label>
          <div class="col-sm-3">
            <textarea class="form-control" placeholder="客服备注" cols="4"
                      ng-readonly="type=='view'" ng-model="data.dealResult" ></textarea>
          </div>
        </div>
        <div class="form-group" ng-if="type!='view' && data.status == 4">
          <label class="col-sm-2 col-sm-offset-1 control-label">是否成租</label>
          <div class="col-sm-3">
            <nobr>
              <label class="ui-radio" ng-repeat="option in appointmentSuccessContractList">
                <input name="success" ng-value="option.value"
                       type="radio" ng-model="data.successContract">
                <span>{{option.name}}</span>
              </label>
            </nobr>
          </div>
          <div ng-if="data.successContract == true">
          <label class="col-sm-2 control-label">成租合同号</label>
          <div class="col-sm-3">
            <input class="form-control" type="text" placeholder="成租合同号" ng-readonly="type=='view'"
                   ng-model="data.contractNo" maxlength="32">
          </div>
          </div>
        </div>
        <div class="form-group" ng-if="type=='view'">
          <label class="col-sm-2 col-sm-offset-1 control-label">预约状态</label>
          <div class="col-sm-3">
            <div class="form-control info-text">{{data.statusName}}</div>
          </div>
          <label class="col-sm-2 control-label">是否成租</label>
          <div class="col-sm-3">
            <div class="form-control info-text">{{data.successContract?'是':'否'}}</div>
          </div>
        </div>
        <div class="form-group" ng-if="type=='view'">
          <label class="col-sm-2 col-sm-offset-1 control-label">客服备注</label>
          <div class="col-sm-3">
            <textarea class="form-control" placeholder="客服备注" cols="4"
                      ng-readonly="type=='view'" ng-model="data.dealResult" ></textarea>
          </div>
          <label class="col-sm-2 control-label">成租合同号</label>
          <div class="col-sm-3">
            <input class="form-control" type="text" placeholder="成租合同号" ng-readonly="type=='view'"
                   ng-model="data.contractNo" maxlength="32" style="padding-right: 5px">
          </div>
        </div>
      </ng-form>
  </div>
  <div class="modal-footer">
    <button class="btn btn-warning no-border" type="button" ng-click="cancel()">返回</button>
    <button class="btn btn-primary no-border" type="button" ng-click="confirm()" ng-disabled="modalForm.$invalid">确定</button>
  </div>
</div>